<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <title>国内新闻</title>
    <link rel="stylesheet" href="/libs/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="/css/index.css">
     <!-- 引入js文件 -->
     <script src="/libs/js/jquery.js"></script>
     <script src="/libs/js/axios.js"></script>
     <script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
     <script src="/libs/js/art-template.js"></script>
    <script src="/libs/layui/layui.js"></script>
     <!-- axios的拦截器 -->
     <script src="/js/base.js"></script>
     <script src="/js/index_list.js"></script>
</head>
<body>
     <div id="header">
         <img src="/images/logo1.png" alt="logo" />
         <ul>
             <li><a class="register" href="/register.html">会员注册</a>/</li>
             <li><a class="login" href="#">登陆</a></li>
         </ul>
     </div>

     <div id="nav">
         <ul>
             <script type="text/html" id="catesTpl">
                 <li><a href="/">首页</a></li>
                 {{each cates v }}
                 <li><a class="{{v.id===cate_id ? 'active' : ''}}" href="/index_list.html?cate_id={{v.id}}">{{v.cate_name}}</></li>
                 {{/each}}
             </script>
         </ul>
     </div>

    <div class="blank20"></div>

    <div id="main1">
        <div class="title">
            <h3>图片新闻</h3><a href="#">更多&gt;&gt;</a>
        </div>
        <ul>
            <script type="text/html" id="imgsTpl">
                {{each imgsData v}}
                <li><a href="/news_content.html?id={{v.id}}"><img src="{{img_host}}{{v.img_url}}" height="178"
                            width="150" /></a>
                    <p><a href="/news_content.html?id={{v.id}}">{{v.title|substr}}</a></p>
                </li>
                {{/each}}
            </script>
        </ul>
    </div>

    <div class="blank20"></div>

    <div class="news">
        <div class="title">
            <h3>{{cate_name}}</h3><a href="#">更多&gt;&gt;</a>
        </div>
        <ul class="width new-news">
            <script type="text/html" id="newNewsTpl">
                 {{each  newNewsData v}}
                  <li><span>{{v.add_time | dateFormat}}</span> <a
                          href="/news_content.html?id={{v.id}}">{{v.title|substr}}</a></li>
                 {{/each}}
            </script> 
            
        </ul>
    </div>

    <div class="blank20"></div>

    <div id="footer">
        <p>版权所有&copy;上海快简教育<br />联系方式：&nbsp;&nbsp;18665455185</p>
    </div>
      <!-- 登录 -->
      <script src="/js/login.js"></script>
</body>
</html>